<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>网易新闻</title>
	<link rel="stylesheet" href="./css/reset.css">
	<style>
		body{
			background-color:#bfa;
		}
		a{
			text-decoration:none;
		}
		.news-wrapper{
			width:300px;
			height:357px;
			margin:50px auto;
			background-color:#fff;

			border-top:1px solid #ddd;
		}
		.news-title{
			display:inline-block;
			height:30px;
			border-top:1px red solid;
			margin-top:-1px;
			padding-top:10px;
		}

		.new-title a{
			color:#404068;
			font-weight:sold;
		}

		.news-img{
			height:150px;
		}

		.news-img img{
			width:100%;
			height:150px;
		}
		.news-img .img-title{
			margin-top:-30px;
			color:#fff;
			font-weight:sold;
			padding-left:30px;
		}

		.news-list{
			margin-top:20px;

			padding-left:14px;
		}

		.news-list li{
			margin-bottom:17px;
		}

		.news-list li::before{
			content:'.';
			color:rgb(218,218,218);
			font-size:12px;
			margin-right:4px;
		}

		.news-list li a{
			font-size:14px;
			color:#666;
		}

		.news-list li a:hover{
			color:red;
		}


	</style>

</head>
<body>
	<div class="news-wrapper">
		<h2 class="news-title">
			<a href="#">体育</a>
		</h2>

		<div class="news-img">
			<img src="./img/1.jpg" alt="">
			<h3 class="img-title">
				<a href="#">费德勒首负迪米 扶额头不满发挥</a>
			</h3>
		</div>
		<ul class="news-list">
			<li><a href="#">乔治：我爱LA 喜欢和LBJ一起打球</a></li>
			<li><a href="#">乔治：我爱LA 喜欢和LBJ一起打球</a></li>
			<li><a href="#">乔治：我爱LA 喜欢和LBJ一起打球</a></li>
			<li><a href="#">乔治：我爱LA 喜欢和LBJ一起打球</a></li>

		</ul>

	</div>
</body>
</html>